The subtitles in html5 are webvtt files, which are not used after downloading. For more information, see the subtitles in html5: webvtt files, so I would like to ask you for your reply:
-
Convert WebVTT to srt
1. Open the. vtt file in notepad;
2. Delete the first six letters in the document, namely WEBVTT;
Although the HTML5 formal standard does not specify which format to use subtitles. But at present the comparison general is the WEBVTT (suffix. vtt), this each browser manufacturer all supports is relatively good.
Examples of 1,WEBVTT files
Webvtt
00:00:01.000--> 00:00:10.000
This is the first line of text, from 1th seconds to 10th seconds.
One, video file formatThe HTML5 supports three video file formats (i.e. codecs). ? 1, Ogg Theora uses the file extension . ogg or. OGV, and the browsers that support it include firefox3.5+, Chrome 4+, Opera 10.5+, and Firefox for Android.? 2. MP4 (H. 4) uses a file extension of . mp4 or. m4v, the browser that supports it includes the Safari 3.2+, the Chrome-? (see Tips), Internet Explorer +, IOS (Mobilesafari) And Android 2.1+, Android version of Chrome, Android Firefox and Operamobile 11+.? 3,
Background: In the study of MP4 decoding playback of audio and video subtitle of the Shard naming does not conform to specifications, the number of shards too many can only be scripted implementation.To resolve the problem type :1. Convert garfield1hd_261_dan-*.m4s unification to GARFIELD1HD_261_DAN-*.WEBVTT format#!/bin/bashparse_dir=/home/lcw/testcd $parse _dir#garfield1hd_261_dan-8.m4sfor var in ' ls $parse _dir/*.m4s '; Do src_name= ' basename
will not be automatically displayed.
Some notes about attributes:• If no type is specified, the default is caption (Subtitles).• If the type is a caption (subtitles), you need to specify Srclang.• Cannot have two tracks of the same type (King) with the same label (label)The MIME-type convention for WEBVTT subtitle files is "TEXT/VTT" and needs to be configured in a Web server such as IIS or ApacheThe MIME type convention for ttml subtitle
Plyr-simple and flexible HTML5 Media Player, plyrhtml5
Plyr is a simpleHTML5Media Player, including custom control options and WebVTT subtitles. It is a media player that only supports modern browsers and is lightweight, convenient, and customizable. It also provides comprehensive support for titles and screen readers.
Download demo source code online
Articles you may be interested in
Useful jQuery effects in website development [Source Cod
concerned about CSS, and even some people do not compress CSS. http://www.cnblogs.com/hg1088/Each detached function can perform a definite task. The simpler the task, the simpler it is to write and test the function, and of course not to divide the function too small-it can be difficult to read if the program is broken into too many small individuals.Use inheritance to overload operations. We can replace it with a large display () function, but it is almost impossible to change the way the enti
stream.Audio FormatCurrently, the audio element supports three formats:IE 9 Firefox 3.5 Opera 10.5 Chrome 3.0 Safari 3.0Ogg vorbis√√√Mp3√√√Wav√√√Simple video element creationsrc= "Http://www.w3school.com.cn/example/html5/mov_bbb.ogg" controls > Your browser does not support video elements video>The default size of the video is 300*150CONTROLS: Displays the default control of the videoUse of the video tag (with caption file)Videosrc= "Http://www.w3school.com.cn/example/html5/mov_bbb.og
Plyr is a simple HTML5 Media Player with custom control options and WebVTT subtitles. It is only supported by modern browser, lightweight, convenient and customizable media player. There are also full support for titles and screen readers.Online Demo Source Download Related articles that may be of interest to you
The JQuery effect "attached source" is very useful in website development
Share 35 amazing CSS3 animation effects Demo
Stunning 8
Contact Us
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.